import Vue, { KeepAlive } from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',

    redirect:"/home"

  },
  {
    path:"/home",
    name:"home",
     component: Home,
  },
  {
    path: '/order',
    name:"order",
    component: () => import('../views/cart/index')
  },
  {
    path: '/mine',
    name:"mine",
    alias:"user",//路由别名 可以用跳转
    component: () => import('../views/mine/index')
  },
  {
    path:"/address",
    name:"address",
    component: () => import('../views/address/index')
  },
   {
    path:"/test",
    name:"test",
    component: () => import('../views/vuextest/index')
  },
  {
    path: '/about',
    name: 'About',
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),
    meta:{ //meta 是路由元信息 可以作为组件的判断条件
      KeepAlive:true,
      isLogin:true
    }
  }
]
//面试题
// 路由模式 和区别
// hash模式和history模式 
// hash 模式在地址栏中有#   历史模式没有 
// hash 模式基于  原生js window.onhahschange事件  来切换组件 
// history模式 基于 html5 新增的 history.pushState 来完成组件切换的 
// history模式 上线部署后 会发生404 问题 
// nginx  服务器 在刷新  无法找到主页  需要配置重定向 到主页 来解决问题 
// ngnix.conf 配置文件 配置 上线的 域名 端口  反向代理  重定向
// location / {
//      try_files $uri $uri/ /index.html; //重定向
//      proxy_pass:"http://localhost:8080" //配置代理
// }

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL, //当前环境的基本路径
  routes
})

export default router
